<template>
  <div class="father">
    <div class="youshang">
      <div class="youshangdingbu">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
      </div>
      <div class="zhongjian"></div>
    </div>

  </div>
</template>

<script>
export default {};
</script>

<style>
.father {
  /* display: flex;
    flex-wrap: wrap; */
}
.youshang {
  margin: 40px 0px 0px 10px;
  display: flex;
  flex-wrap: wrap;
  width: 50%;
  /* width: 100px; */
  height: 90px;

  /* background-color: red; */
}
.youshang div {
  background-color: red;
  margin: 0px 5px 0px 0px;
  flex: 2;
  width: 200px;
}
.zhongjian {
  width: 300px;
  height: 400px;
  background-color: pink;
  flex: 8;
}
</style>